<script setup lang="ts">
import Session from '@/components/user-list/Session.vue'
import { onMounted, ref } from 'vue';
import is_Safari, { is_Edge, isAndroidOrIOS } from '@/utils/judgment'

onMounted(() => {
  is_Safari(), is_Edge(), isAndroidOrIOS()
})
</script>

<template>
  <div :class="is_Safari() && is_Edge() == false && isAndroidOrIOS() == 'ios' ? 'QYZXIOS' : 'main'">
    <Session />
  </div>
  <meta name="viewport" content="width = device-width,viewport-fit = cover">
</template>

<style scoped>
.QYZXIOS {
  height: calc(100vh - 75px);
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.main {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
</style>
